/*-----------------------------------------------------------------------------------

    Template Name: I-finger Medical
    Template URI: 
    Description: This is html5 template
    Author: Saikat Ahmed
    Author URI: http://saikatahmed.com/
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================
  
    Theme default CSS
    1. Mecical Home
       1.2 Slider
       1.3 Service
       1.4 History
       1.5 Skill
       1.6 Doctor
       1.7 Why choose
       1.8 Department
       1.9 Testimonial
       1.10 Gallery
       1.11 Blog
       1.12 Brand
       1.13 Map Info
       1.14 Footer
       1.15 Bootom-Insta
    2. Medical Home Two
        2.2 Slider
        2.3 Service
        2.4 Gallery
        2.5 Home2 Doctor
        2.6 Home2 History
        2.7 Home2 Our Skill
        2.8 Home2 Testimonial
        2.9 Why Choose
        2.10 Video
        2.11 Home2 Department
        2.12 Home2 Blog
    3. Medical Home Three
        3.2 Slider
        3.3 Service
        3.4 Home3 Doctor
        3.5 Home3 Department
        3.6 Home3 Blog
    4. Details
    5. Grid
    6. Grid Left Sidebar
    8. About
    9. Contact
    10. Blog Page
    11. Blog Left Sidebar
    13. Blog Details
    14. Appoinment
    15. Service
    16. FAQ
    17. Team
    18. 404
    
-----------------------------------------------------------------------------------*/


/*----------------------------------------*/


/*  Theme default CSS
/*----------------------------------------*/


/*google-font*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');


/*local-font*/

@font-face {
    font-family: 'Pump Demi Bold LET';
    src: url('../fonts/PumpDemiBoldLetPlain.woff2') format('woff2'),
    url('../fonts/PumpDemiBoldLetPlain.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}


.clear {
    clear: both
}

::-moz-selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

.no-mar {
    margin: 0!important;
}

.no-pad {
    padding: 0!important;
}

div#preloader {
    background: #000 url("../img/loader.gif") no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}


/*home-1-header-sticky*/

.menu-area.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    padding: 5px 0 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}


/*home2-sticky*/

.home2-header .menu-area.navbar-fixed-top {
    background: #000 none repeat scroll 0 0;
    padding: 0;
}

/*home3-sticky*/

.h3-menu-area.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    padding: 5px 0 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.home2-header .menu-area.navbar-fixed-top .logo {
    background: #000 none repeat scroll 0 0;
}

.home2-header .menu-area.navbar-fixed-top .menu {
    background: #000 none repeat scroll 0 0;
}

.mar-bot-50 {
    margin-bottom: 50px;
}

.mar-bot-40 {
    margin-bottom: 40px;
}

.mar-bot-35 {
    margin-bottom: 35px;
}

.mar-bot-30 {
    margin-bottom: 30px;
}

.mar-top-30 {
    margin-top: 30px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-55 {
    margin-top: 55px;
}

.mar-top-108 {
    margin-top: 108px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1.5px;
    color: #888;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

button,
input,
textarea {
    letter-spacing: 1px;
}


/* 
Table Of Contents
=========================
- Default Typography
- Custom Typography
=========================
*/


/* 
--------------------------
- Default Typography
--------------------------
*/

body {
    font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #000;
    letter-spacing: 1.5px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    font-family: 'Roboto', sans-serif;
}

h1 {
    font-size: 36px;
    line-height: 70px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

h2 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 0px;
}

h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0px;
}

h4 {
    font-size: 20px;
    line-height: 27px;
}

h5 {
    font-size: 16px;
    line-height: 24px;
}

h6 {
    font-size: 14px;
    line-height: 24px;
}

p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
}

p img {
    margin: 0;
}

span {
    font-family: 'Roboto', sans-serif;
}


/* em and strong */

em {
    font: 15px/30px;
}

strong,
b {
    font: 15px/30px;
}

small {
    font-size: 11px;
    line-height: inherit;
}


/*  blockquotes */

blockquote {
    border-left: 0 none;
    font-family: 'Roboto', sans-serif;
    margin: 10px 0;
    padding-left: 40px;
    position: relative;
}

blockquote::before {
    color: #4e5665;
    content: "";
    font-family: FontAwesome;
    font-size: 36px;
    left: 20px;
    line-height: 0;
    margin: 0;
    opacity: 0.5;
    position: absolute;
    top: 20px;
}

blockquote p {
    font-style: italic;
    padding: 0;
    font-size: 18px;
    line-height: 36px;
}

blockquote cite {
    display: block;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
    color: #8B9798;
    border: none
}


/* abbreviations */

abbr {
    color: #444;
    font-weight: 700;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: .6px;
}

abbr:hover {
    cursor: help;
}


/* links */

a,
a:visited {
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #111;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    outline: 0;
}

a:hover,
a:active {
    color: #00658b;
    text-decoration: none;
    outline: 0;
}

a:focus {
    text-decoration: none;
    outline: 0;
}

p a,
p a:visited {
    line-height: inherit;
    outline: 0;
}

a.active-page {
    color: #e6ae48!important;
}


/* list */

ul,
ol {
    margin-bottom: 0px;
    margin-top: 0px;
}

ul {
    margin: 0;
}

ol {
    list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
    margin-left: 0px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
    margin-bottom: 0px;
}

li {
    line-height: 18px;
    margin-bottom: 0px;
}

ul.large li {}

li p {}


/* definition list */

dl {
    margin: 12px 0;
}

dt {
    margin: 0;
    color: #11ABB0;
}

dd {
    margin: 0 0 0 20px;
}

button {}



/* 
--------------------------
- Custom Typography
--------------------------
*/


/* Your Custom Typography. */

.bg-with-black {
    position: relative;
}

.bg-with-black::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-with-white {
    position: relative;
}

.bg-with-white::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-with-blue {
    position: relative;
}

.bg-with-blue::before {
    background: #00bff3 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.hvr-bs:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



/*----------------------------------------*/


/*  1. Medical Home
/*----------------------------------------*/


/*section-title*/

.section-title {
    margin: 0 0 45px;
    text-align: center;
}

.section-title h2 {
    color: #333333;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 42px;
    margin: 0 0 25px;
    padding: 14px 0;
    position: relative;
    text-transform: uppercase;
}

.section-title h2::before {
    background-image: url("../img/home1/section-title-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 74px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 114px;
    z-index: -1;
}

.section-title h2 span {
    color: #18c1f0;
}

.section-title p {
    color: #999999;
    font-size: 18px;
    line-height: 24px;
}


/*gradient-overlay*/

.gradient-overlay-1 {
    position: relative;
}

.gradient-overlay-1::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #0b4c65 0%, #111111 73%) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.gradient-overlay-2 {
    position: relative;
}

.gradient-overlay-2::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #2aaada 0%, #363a3a 73%) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.gradient-overlay-3 {
    position: relative;
}

.gradient-overlay-3::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to left top, #54899d 0%, #43854e 100%) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.gradient-overlay-4 {
    position: relative;
}

.gradient-overlay-4::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to left top, #1c4655 0%, #214a21 100%) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}


/*gradient-overlay*/

header {}

.header-top-area {
    border-bottom: 1px solid #f6f6f6;
}

.ht-info {
    padding: 26px 0;
}

.ht-info p {
    color: #333333;
    font-weight: 400;
    line-height: 18px;
}

.ht-info p span {
    color: #00aeef;
    margin-right: 6px;
}

.register-login {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
}

.register-login>div {
    flex: 1 1 auto;
}

.register-login .register {
    padding-right: 4px;
    position: relative;
}

.register-login .register::after {
    background: #333333 none repeat scroll 0 0;
    content: "";
    height: 20px;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}

.register-login .register span {
    color: #333333;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.register-login .register:hover span {
    color: #00658b;
}

.register-login .register a {
    color: #333333;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

.register-login .register a:hover {
    color: #00658b;
}

.register-login .login {}

.register-login .login a {
    color: #333333;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

.register-login .login a:hover {
    color: #00658b;
}

.search-cart {
    overflow: hidden;
    text-align: right;
}

.search-cart>div {
    display: inline-block;
    padding: 18px 0;
    text-align: left;
}

.search-cart .search {
    margin-right: 4px;
}

.search-cart .search .sc-search-input-box {
    position: relative;
}

.search-cart .search .sc-search-input-box input[type="text"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #f6f6f6;
    border-radius: 25px;
    color: #fff;
    height: 36px;
    letter-spacing: 0;
    padding: 0 40px 0 10px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 150px;
}

.search-cart .search .sc-search-input-box input[type="text"]:focus {
    width: 200px;
}

.search-cart .search .sc-search-input-box button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #f6f6f6;
    border-radius: 100px;
    color: #333333;
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
}

.search-cart .cart {}

.search-cart .cart .c-icon {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #f6f6f6;
    border-radius: 100px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    position: relative;
    text-align: center;
    width: 36px;
}

.search-cart .cart .c-icon .number {
    background: #00aeef none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 8px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: 2px;
    top: -2px;
    width: 18px;
}

.menu-area {}

.logo {}

.logo a {
    display: block;
}

.logo a img {}

.menu {
    border-bottom: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    padding: 9px 10px;
}

.menu ul {
    list-style: outside none none;
    padding: 0;
    z-index: 99;
}

.menu ul li {
    display: inline-block;
    position: relative;
}

.menu ul li::before {
    background: #00658b none repeat scroll 0 0;
    border-radius: 100px;
    bottom: 10px;
    content: "";
    height: 5px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 5px;
}

.menu ul li:hover::before {
    opacity: 1;
}

.menu.mean-container ul li::before {
    display: none;
}

.menu ul li::after {
    background: #00658b none repeat scroll 0 0;
    bottom: 12px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transform-origin: 0 0 1px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.menu ul li:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.menu.mean-container ul li:hover::after {
    display: none;
}

.menu ul li>a {
    color: #333333;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    padding: 20px 16px;
}

.menu ul li:hover>a,
.menu ul li.active>a {
    color: #00658b;
}

.menu ul li .drop {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: block;
    left: 0;
    opacity: 0;
    padding: 8px 0;
    position: absolute;
    top: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transform-origin: 0 0 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 220px;
}

.menu ul li .drop li {
    display: block;
    position: relative;
}

.menu ul li:hover .drop {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}

.menu ul li .drop li::before,
.menu ul li .drop li::after {
    display: none;
}

.menu ul li .drop li>a {
    color: #fff;
    display: block;
    padding: 10px 20px;
}

.menu ul li .drop li:hover>a {
    color: #00658b;
}

.menu ul li .drop li .third {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: block;
    left: 100%;
    opacity: 0;
    padding: 8px 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 220px;
}

.menu ul li .drop li:hover .third {
    opacity: 1;
    visibility: visible;
}

.menu ul li .mega-menu {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: flex;
    margin: auto;
    opacity: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
}

.menu ul li:hover .mega-menu {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
}

.menu ul li .mega-menu li {
    width: 200px;
}

.menu ul li .mega-menu li::before {
    display: none;
}

.menu ul li .mega-menu li::after {
    display: none;
}

.menu ul li .mega-menu li>a {
    color: #fff;
    cursor: default;
    pointer-events: none;
    text-decoration: underline;
}

.menu ul li .mega-menu li:hover>a {
    color: #00658b;
}

.menu ul li .mega-menu li ul {}

.menu ul li .mega-menu li ul li {}

.menu ul li .mega-menu li ul li::before {
    display: none;
}

.menu ul li .mega-menu li ul li::after {
    display: none;
}

.menu ul li .mega-menu li ul li a {
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    padding: 12px 16px;
    pointer-events: unset;
    text-decoration: none;
}


/*1.2 Slider*/

.slider-area {
    background: rgba(0, 0, 0, 0) url("../img/home1/slider1.jpg") no-repeat scroll left top / cover;
    overflow: hidden;
    padding: 208px 0 228px;
    position: relative;
}

.home1-slider {}

.home1-slider-box {
    width: 60%;
}

.home1-slider-box .intro {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 8px;
    padding: 17px 0 0;
    position: relative;
}

.home1-slider-box .intro::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 108px;
}

.home1-slider-box .title {
    color: #fff;
    font-size: 35px;
    letter-spacing: 0;
    line-height: 39px;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.home1-slider-box .text {
    color: #fff;
    line-height: 24px;
    margin: 0 0 23px;
}

.home1-slider-box .more {
    background: #00658b none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    padding: 8px 26px;
}

.home1-slider .owl-nav {}

.home1-slider .owl-nav>div {
    border: 2px solid #a4e1f8;
    border-radius: 100px;
    color: #fff;
    font-size: 30px;
    height: 68px;
    line-height: 68px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 68px;
}

.home1-slider .owl-nav>div:hover {
    border: 2px solid #2393bd;
    color: #00658b;
}

.home1-slider .owl-nav .owl-prev {
    left: -20%;
}

.home1-slider .owl-nav .owl-next {
    right: -20%;
}


/*1.3 Service*/

.service-area {
    background: #fafbf7 none repeat scroll 0 0;
    padding: 75px 0 45px;
    position: relative;
    z-index: 0;
}

.single-service {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    margin: 0 0 30px;
    padding: 50px 28px;
    position: relative;
    text-align: center;
}

.single-service::before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.single-service .icon {
    position: relative;
}

.single-service .icon img {}

.single-service .name {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 14px;
    padding: 0 0 6px;
    position: relative;
    text-transform: uppercase;
}

.single-service .name::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 68px;
}

.single-service .text {
    color: #fff;
    line-height: 24px;
    margin: 0 0 18px;
    position: relative;
}

.single-service .more {
    border: 2px solid #fff;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    padding: 2px 14px;
    position: relative;
    text-transform: capitalize;
}

.single-service .more:hover {
    background: #fff none repeat scroll 0 0;
    color: unset;
}

.color-cerulean.single-service {
    background: rgba(0, 174, 239, 1) no-repeat scroll center center / contain;
}

.color-cerulean.single-service::before {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-1.png") no-repeat scroll center center / contain;
}

.color-chateau-green.single-service {
    background: rgba(67, 177, 75, 1) repeat scroll 0 0;
}

.color-chateau-green.single-service::before {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-2.png") no-repeat scroll center center / contain;
}

.color-rajah.single-service {
    background: rgba(246, 179, 100, 1) no-repeat scroll center center / contain;
}

.color-rajah.single-service::before {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-3.png") no-repeat scroll center center / contain;
}

.color-carnation.single-service {
    background: rgba(239, 88, 97, 1) no-repeat scroll center center / contain;
}

.color-carnation.single-service::before {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-3.png") no-repeat scroll center center / contain;
}


/*1.4 History*/

.history-area {
    padding: 75px 0 100px;
}

.history-content {}

.history-content .img {}

.history-content .img img {}

.history-content .content {
    padding: 33px 0 0;
}

.history-content .content .title {
    color: #333333;
    font-size: 35px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 39px;
    margin: 0 0 16px;
    text-transform: uppercase;
}

.history-content .content .title span {
    color: #00aeef;
}

.history-content .content .text {
    color: #333333;
    line-height: 24px;
    margin: 0 0 36px;
}

.history-content .content .author-sign {}

.history-content .content .author-sign>div {
    display: inline-block;
}

.history-content .content .author-sign .author {
    height: 70px;
}

.history-content .content .author-sign .author img {
    border: 2px solid #00aeef;
    border-radius: 100px;
    height: 70px;
}

.history-content .content .author-sign .sign {
    margin-left: 8px;
}

.history-content .content .author-sign .sign img {}


/*counter*/

.history-timer {
    border-radius: 3px;
    -webkit-box-shadow: 0 0 8px 0 rgb(214, 214, 214);
    box-shadow: 0 0 8px 0 rgb(214, 214, 214);
    padding: 23px 8px;
}

.single-counter {
    padding: 19px 0;
    text-align: center;
}

.single-counter .counter {
    color: #ccc;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 44px;
    margin: 0 0 12px;
}

.single-counter .icon {
    margin: 0 0 17px;
}

.single-counter .icon span {
    background: rgba(204, 204, 204, 0.1) none repeat scroll 0 0;
    border-radius: 100px;
    color: #ccc;
    display: inline-block;
    font-size: 24px;
    height: 68px;
    line-height: 68px;
    width: 68px;
}

.single-counter .name {
    color: #ccc;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
}

.single-counter.color-rajah {}

.single-counter.color-rajah .counter {
    color: #f6b364;
}

.single-counter.color-rajah .icon {}

.single-counter.color-rajah .icon span {
    background: rgba(246, 179, 100, 0.1) none repeat scroll 0 0;
    color: #f6b364;
}

.single-counter.color-rajah .name {
    color: #f6b364;
}

.single-counter.color-turquoise {}

.single-counter.color-turquoise .counter {
    color: #18c1f0;
}

.single-counter.color-turquoise .icon {}

.single-counter.color-turquoise .icon span {
    background: rgba(24, 193, 240, 0.1) none repeat scroll 0 0;
    color: #18c1f0;
}

.single-counter.color-turquoise .name {
    color: #18c1f0;
}

.single-counter.color-green {}

.single-counter.color-green .counter {
    color: #43b14b;
}

.single-counter.color-green .icon {}

.single-counter.color-green .icon span {
    background: rgba(67, 177, 75, 0.1) none repeat scroll 0 0;
    color: #43b14b;
}

.single-counter.color-green .name {
    color: #43b14b;
}

.single-counter.color-carnation {}

.single-counter.color-carnation .counter {
    color: #ef5861;
}

.single-counter.color-carnation .icon {}

.single-counter.color-carnation .icon span {
    background: rgba(239, 88, 97, 0.1) none repeat scroll 0 0;
    color: #ef5861;
}

.single-counter.color-carnation .name {
    color: #ef5861;
}


/*1.5 Skill*/

.skill-area {
    background: rgba(0, 0, 0, 0) url("../img/home1/skill-bg.jpg") no-repeat scroll -70px 0 / 104% auto;
    margin: 0 0 27px;
    position: relative;
}

.book-apoinment {
    background: #00aeef none repeat scroll 0 0;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(0, 0, 0, 1);
    box-shadow: 0 0 8px -3px rgb(0, 0, 0);
    margin-bottom: -54px;
    overflow: hidden;
    position: relative;
    top: -27px;
}

.book-apoinment .title {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 29px;
    padding: 52px 0 146px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 0;
}

.book-apoinment .title::before {
    border-color: #80d7f7 #80d7f7 transparent;
    border-style: solid;
    border-width: 120px 270px 57px;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}

.book-apoinment>form {
    padding: 0 50px 81px;
}

.book-input-box {
    margin: 0 0 20px;
}

.book-input-box input[type="text"],
.book-input-box select {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #16c0ff;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    height: 45px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 100%;
}

.book-input-box input[type="text"] {}

.book-input-box input[type="text"]::placeholder {
    color: #fff;
    opacity: 1;
}

.book-input-box input[type="text"]:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.book-input-box input[type="text"]::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.book-input-box select {}

.book-input-box select optgroup {
    background: #00AEEF none repeat scroll 0 0;
}

.book-input-box select optgroup option {}

.book-input-box textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #16c0ff;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    height: 200px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 100%;
}

.book-input-box textarea::placeholder {
    color: #fff;
    opacity: 1;
}

.book-input-box textarea:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.book-input-box textarea::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.book-input-box input[type="submit"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 38px;
    letter-spacing: 0;
    line-height: 18px;
    padding: 4px 16px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.book-input-box input[type="submit"]:hover {
    background: #16c0ff none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
}

.ui-widget-header .ui-icon {
    background-image: url("../img/home1/date-nav.png");
}


/*skill*/

.skill {
    padding: 114px 0 0;
}

.skill .title {
    color: #fff;
    font-size: 50px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 54px;
    margin: 0 0 13px;
    text-transform: uppercase;
}

.skill .text {
    color: #fff;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 38px;
}

.skill .all-progess {}

.skill .all-progess .skills-progress {
    margin: 0 0 42px;
}

.skill .all-progess .skills-progress .progressbar-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 33px;
    text-transform: uppercase;
}

.skill .all-progess .skills-progress .progress {
    background: #4a5c62 none repeat scroll 0 0;
    height: 5px;
    margin: auto;
    overflow: visible;
    width: 80%;
}

.skill .all-progess .skills-progress .progress .progress-bar {
    position: relative;
}

.skill .all-progess .skills-progress .progress .progress-bar span {
    background: #007bff none repeat scroll 0 0;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 17px;
    padding: 0 7px;
    position: absolute;
    right: -16px;
    top: -6px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


/*colors*/

.skill .all-progess .skills-progress.cerulean .progress .progress-bar {
    background: #00AEEF none repeat scroll 0 0;
}

.skill .all-progess .skills-progress.cerulean .progress .progress-bar span {
    background: #00AEEF none repeat scroll 0 0;
}

.skill .all-progess .skills-progress.chateau-green .progress .progress-bar {
    background: #43b14b none repeat scroll 0 0;
}

.skill .all-progess .skills-progress.chateau-green .progress .progress-bar span {
    background: #43b14b none repeat scroll 0 0;
}

.skill .all-progess .skills-progress.mandy .progress .progress-bar {
    background: #E86070 none repeat scroll 0 0;
}

.skill .all-progess .skills-progress.mandy .progress .progress-bar span {
    background: #E86070 none repeat scroll 0 0;
}

.left-anim {
    animation: animate-positive 2s;
    opacity: 1;
}

@keyframes animate-positive {
    0% {
        width: 0%;
    }
}


/*1.6 Doctor*/

.our-doctor-area {
    padding: 75px 0 0;
}

.single-doctor {
    border: 2px solid #00aeef;
    border-radius: 8px;
    margin: 0 0 30px;
    position: relative;
}

.single-doctor::before {
    background: #00aeef none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 30%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-doctor:hover::before {
    background: #00658b none repeat scroll 0 0;
    height: 100%;
}

.single-doctor .img {}

.single-doctor .img img {
    border-radius: 8px;
}

.single-doctor .content {
    bottom: 26px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: auto;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 9;
}

.single-doctor:hover .content {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.single-doctor .content .social {
    list-style: outside none none;
    margin: 0 0 25px;
    padding: 0;
    text-align: center;
}

.single-doctor .content .social li {
    display: inline-block;
}

.single-doctor .content .social li a {
    background: #333333 none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin: 0 2px;
    width: 35px;
}

.single-doctor .content .social li.facebook {}

.single-doctor .content .social li.pinterest {}

.single-doctor .content .social li.twitter {}

.single-doctor .content .social li.facebook a {
    background: #3e5799 none repeat scroll 0 0;
}

.single-doctor .content .social li.pinterest a {
    background: #bd081c none repeat scroll 0 0;
}

.single-doctor .content .social li.twitter a {
    background: #2ba9e4 none repeat scroll 0 0;
}

.single-doctor .content .social li a:hover {
    background: #f6b364 none repeat scroll 0 0;
}

.single-doctor .content .name {
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 7px;
    text-transform: uppercase;
}

.single-doctor .content .desg {
    color: #ffffff;
    font-weight: 500;
    line-height: 18px;
}

.doctor-carousel .owl-nav>div {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 0 10px -3px rgb(179, 179, 179);
    color: #acce4e;
    height: 35px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
}

.doctor-carousel .owl-nav .owl-prev {
    left: 0;
    right: auto;
}

.doctor-carousel .owl-nav .owl-next {
    left: auto;
    right: 0;
}

.doctor-carousel .owl-nav>div:hover {
    color: #18c1f0;
}


/*1.7 Why choose*/

.why-choose-area {
    padding: 45px 0 40px;
}

.why-choose-banner {}

.why-choose-banner img {}

.all-why-choose {}

.single-why-choose {
    display: inline-block;
    margin: 0 0 36px;
    overflow: hidden;
    position: relative;
}

.single-why-choose::before {
    background: #333 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.single-why-choose.cerulean::before {
    background: #00AEEF none repeat scroll 0 0;
}

.single-why-choose.chateau-green::before {
    background: #43b14b none repeat scroll 0 0;
}

.single-why-choose.rajah::before {
    background: #f6b364 none repeat scroll 0 0;
}

.single-why-choose.mandy::before {
    background: #e86070 none repeat scroll 0 0;
}

.single-why-choose .img {}

.single-why-choose .img img {}

.single-why-choose .content {
    left: 0;
    overflow: hidden;
    padding: 10px 22px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single-why-choose .content .icon {
    margin: 0 0 30px;
}

.single-why-choose .content .icon img {
    height: 32px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-why-choose:hover .content .icon img {}

.single-why-choose .content .name {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 14px;
    padding: 0 0 6px;
    position: relative;
    text-transform: uppercase;
}

.single-why-choose .content .name::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 68px;
}

.single-why-choose .content .text {
    color: #fff;
    line-height: 24px;
    margin: 0 0 18px;
    position: relative;
}

.single-why-choose .content .more {
    color: #fff;
    float: right;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 16px;
}

.single-why-choose .content .more i {
    margin-left: 5px;
}


/*1.8 Department*/

.department-area {
    background: rgba(0, 0, 0, 0) url("../img/home1/department-bg.jpg") no-repeat scroll -70px 0 / 104% auto;
    padding: 75px 0;
}

.department-tab-menu-area {}

.department-tab-menu-area .title {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0 0 30px;
    padding: 0 0 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.department-tab-menu-area .title::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 113px;
}

.department-tab-menu {
    border: 0 none;
    display: block;
}

.department-tab-menu li.nav-item {}

.department-tab-menu li.nav-item a.nav-link {
    background: #458097 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 10px;
    padding: 12px 30px;
    position: relative;
    text-transform: capitalize;
}

.department-tab-menu li.nav-item:last-child a.nav-link {
    margin-bottom: 0;
}

.department-tab-menu li.nav-item a.nav-link::after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: 12px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.department-tab-menu li.nav-item a.nav-link.active {
    background: #00658b none repeat scroll 0 0;
}

.department-tab-menu li.nav-item a.nav-link.active::after {
    content: "";
}

.deparment-tab-content {}

.dtc-box {
    background: #467a8e none repeat scroll 0 0;
    padding: 50px 30px;
}

.dtc-box .title {
    color: #fff;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0 0 17px;
    text-transform: capitalize;
}

.dtc-box .text {
    color: #fff;
    line-height: 24px;
}


/*1.9 Testimonial*/

.testimonial-area {
    padding: 75px 0 9px;
}

.testimonial-carousel-area {}

.tca-slider-hash-nav {
    margin: 0 0 23px;
    text-align: center;
}

.tca-slider-hash-nav .hash-nav-box {
    display: inline-block;
}

.tca-slider-hash-nav .hash-nav-box a {
    border: 1px solid #00658b;
    border-radius: 100px;
    display: block;
    height: 120px;
    width: 120px;
}

.tca-slider-hash-nav .hash-nav-box a img {
    border-radius: 100px;
    height: 118px;
}

.testimonial-box {
    text-align: center;
}

.testimonial-box .name {
    color: #333333;
    font-size: 50px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 54px;
    margin: 0 0 27px;
    text-transform: capitalize;
}

.testimonial-box .text {
    color: #333333;
    font-size: 30px;
    font-weight: 300;
    line-height: 50px;
}

.testimonial-carousel .owl-dots {
    margin: 22px 0 0;
    text-align: center;
}

.testimonial-carousel .owl-dots .owl-dot {
    background: #00aeef none repeat scroll 0 0;
    border-radius: 100px;
    display: inline-block;
    height: 9px;
    margin: 0 2px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 9px;
}

.testimonial-carousel .owl-dots .owl-dot.active {
    background: #00658b none repeat scroll 0 0;
}


/*1.10 Gallery*/

.gallery-area {
    padding: 60px 0 45px;
}

.gallery-carousel {}

.gallery-carousel .owl-stage-outer {
    padding-left: 15px;
}

.gallery-carousel .owl-item {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.gallery-carousel .owl-item.center {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.single-gallery {
    display: inline-block;
    margin: 0 -25px;
    position: relative;
}

.single-gallery::before {
    background: #00658b none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}

.single-gallery:hover::before {
    opacity: 0.5;
}

.single-gallery a {
    display: block;
    position: relative;
}

.single-gallery a i {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    color: #00658b;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    left: 50%;
    line-height: 36px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 36px;
    z-index: 9;
}

.single-gallery:hover a i {
    opacity: 1;
    visibility: visible;
}

.single-gallery a img {}


/*1.11 Blog*/

.blog-area {
    padding: 22px 0 25px;
}

.single-blog {
    margin: 0 0 30px;
    position: relative;
}

.single-blog::before {
    background: #00aeef none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
}

.single-blog .img {}

.single-blog .img a {
    display: block;
}

.single-blog .img a img {}

.single-blog .content {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 25px 16px 30px 30px;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-blog:hover .content {
    background: #00aeef none repeat scroll 0 0;
}

.single-blog .title {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 4px;
}

.single-blog .title:hover {
    color: #00658b;
}

.single-blog .meta {
    list-style: outside none none;
    margin: 0 0 13px;
    padding: 0;
}

.single-blog .meta li {
    display: inline-block;
    margin-right: 26px;
}

.single-blog .meta li:last-child {
    margin-right: 0;
}

.single-blog .meta li a {
    color: #fff;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

.single-blog .meta li a span {
    margin-right: 6px;
}

.single-blog .text {
    color: #fff;
    line-height: 24px;
    margin: 0 0 23px;
}

.single-blog .more {
    border: 2px solid #fff;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    padding: 6px 16px;
    text-transform: capitalize;
}

.single-blog .more:hover {
    background: #00658b none repeat scroll 0 0;
    border-color: #00658b;
}

.single-blog .more span {
    margin-left: 2px;
    transition: all 0.3s ease 0s;
}

.single-blog .more:hover span {
    margin-left: 6px;
}


/*1.12 Brand*/

.brand-area {
    padding: 20px 0 75px;
}

.all-brands {
    border: 1px solid #e8e8e8;
}

.single-brand {
    padding: 47px 10px;
    text-align: center;
}

.single-brand .img {
    height: 50px;
    margin: 0 0 10px;
}

.single-brand .img img {
    justify-self: center;
    margin: auto;
    width: auto;
}

.single-brand .name {
    color: #cecece;
    font-family: Pump Demi Bold LET;
    font-size: 20px;
    line-height: 24px;
}

.brand-carousel .owl-nav>div {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 0 10px -3px rgb(179, 179, 179);
    color: #acce4e;
    height: 35px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
}

.brand-carousel .owl-nav>div:hover {
    color: #18c1f0;
}

.brand-carousel .owl-nav .owl-prev {
    left: 0;
    right: auto;
}

.brand-carousel .owl-nav .owl-next {
    left: auto;
    right: -30px;
}


/*1.13 Map Info*/

.map-info-area {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.map-info-area>div {
    flex: 1 1 50%;
}

.map-area {}

#home1_map {
    height: 500px;
    width: 100%
}

.contact-info-area {
    background: rgba(0, 0, 0, 0) url("../img/home1/contact-info-bg.jpg") no-repeat scroll 0 0 / cover;
}

.contact-info-contents {
    padding: 75px;
    position: relative;
    z-index: 5;
}

.contact-info-contents .title {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 7px;
    text-transform: uppercase;
}

.contact-info-contents .text {
    color: #fff;
    line-height: 24px;
    margin: 0 0 16px;
}

.contact-info-contents .time {
    list-style: outside none none;
    margin: 0 0 28px;
    padding: 0;
}

.contact-info-contents .time li {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    text-transform: uppercase;
}

.contact-info-contents .phone {
    list-style: outside none none;
    margin: 0 0 28px;
    padding: 0;
}

.contact-info-contents .phone li {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    margin: 0 0 9px;
}

.contact-info-contents .phone li:last-child {
    margin-bottom: 0;
}


/*1.14 Footer*/

footer {}

.footer {
    background: rgba(0, 0, 0, 0) url("../img/home1/footer-bg.jpg") no-repeat scroll left top / cover;
    padding: 50px 0 0;
}

.footer.linear-overlay::before {
    opacity: 0.9;
}

.footer-widget {
    margin: 0 0 50px;
}

.footer-widget .widget-title {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 16px;
    padding: 0 0 5px;
    position: relative;
    text-transform: uppercase;
}

.footer-widget .widget-title::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 30px;
}

.fw-left {}

.fw-left .footer-logo {
    margin: 0 0 23px;
}

.fw-left .footer-logo img {}

.fw-left .text {
    color: #fff;
    line-height: 24px;
    margin: 0 0 18px;
}

.fw-left .details {
    list-style: outside none none;
    margin: 0 0 28px;
    padding: 0;
}

.fw-left .details li {
    color: #fff;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 8px;
    padding: 11px 0 11px 54px;
    position: relative;
}

.fw-left .details li:last-child {
    margin-bottom: 0;
}

.fw-left .details li span {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 100px;
    display: inline-block;
    height: 34px;
    left: 0;
    line-height: 34px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 34px;
}

.fw-left .footer-social {
    list-style: outside none none;
    padding: 0;
}

.fw-left .footer-social li {
    display: inline-block;
    margin-right: 3px;
}

.fw-left .footer-social li a {
    background: #4b4e4e none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}

.fw-left .footer-social li.facebook a {
    background: #3b5998 none repeat scroll 0 0;
}

.fw-left .footer-social li.facebook a:hover {
    color: #3b5998;
}

.fw-left .footer-social li.twitter a {
    background: #02b0e8 none repeat scroll 0 0;
}

.fw-left .footer-social li.twitter a:hover {
    color: #02b0e8;
}

.fw-left .footer-social li.pinterest a {
    background: #b00a1b none repeat scroll 0 0;
}

.fw-left .footer-social li.pinterest a:hover {
    color: #b00a1b;
}

.fw-left .footer-social li.youtube a {
    background: #c22e2a none repeat scroll 0 0;
}

.fw-left .footer-social li.youtube a:hover {
    color: #c22e2a;
}

.fw-left .footer-social li.vimeo a {
    background: #00a098 none repeat scroll 0 0;
}

.fw-left .footer-social li.vimeo a:hover {
    color: #00a098;
}

.fw-left .footer-social li a:hover {
    background: #00658b none repeat scroll 0 0;
}

.fw-links {}

.fw-links .list {
    list-style: outside none none;
    padding: 0;
}

.fw-links .list li {
    display: block;
}

.fw-links .list li a {
    color: #fff;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 40px;
}

.fw-links .list li a:hover {
    color: #18c1f0;
    margin-left: 3px;
}

.fw-twitter {}

.fw-twitter .twitter {
    list-style: outside none none;
    padding: 0;
}

.fw-twitter .twitter li {
    display: block;
    margin: 0 0 22px;
}

.fw-twitter .twitter li:last-child {
    margin-bottom: 0;
}

.fw-twitter .twitter li span.icon {
    background: #18c1f0 none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    margin-right: 11px;
    text-align: center;
    width: 37px;
}

.fw-twitter .twitter li a.name {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    text-decoration: underline;
}

.fw-twitter .twitter li a span {
    color: #18c1f0;
    text-decoration: underline;
}

.fw-twitter .twitter li p.text {
    color: #fff;
    line-height: 24px;
    margin: 1px 0 0;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 23px 0;
    text-align: center;
}

.footer-bottom p,
.footer-bottom p a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.footer-bottom p {}

.footer-bottom p a {}


/*1.15 Bootom-Insta*/

.bottom-insta-area {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.bottom-insta-box {
    flex: 1 1 0;
    position: relative;
}

.bottom-insta-box::before {
    background: #00658b none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.bottom-insta-box:hover::before {
    opacity: 0.5;
}

.bottom-insta-box .img {}

.bottom-insta-box .img img {}

.bottom-insta-box .links {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #9ec0cd;
    border-radius: 100px;
    color: #00aeef;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    left: 50%;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
    -ms-transform: translateY(-50%) translateX(-50%) scale(0);
    -o-transform: translateY(-50%) translateX(-50%) scale(0);
    transform: translateY(-50%) translateX(-50%) scale(0);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.bottom-insta-box:hover .links {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    -o-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
}


/*scrollup*/

#scrollUp {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    border: 1px solid #18C1F0;
    bottom: 20px;
    color: #18C1F0;
    height: 40px;
    line-height: 40px;
    right: 20px;
    text-align: center;
    width: 40px;
}

#scrollUp:hover {
    background: #18C1F0 none repeat scroll 0 0;
    color: #fff;
}



/*----------------------------------------*/


/*  2. Medical Home Two
/*----------------------------------------*/

.h2-section-title {}

.h2-section-title {}

.h2-section-title h2 {}

.h2-section-title h2::before {
    background-image: url("../img/home2/section-title-bg.png");
}

.h2-section-title h2 span {
    color: #13be13;
}

.h2-section-title p {}

header.home2-header {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.home2-header .header-top-area {
    border: 0 none;
}

.home2-header .ht-info p {
    color: #fff;
}

.home2-header .ht-info p span {
    color: #fff;
}

.home2-header .register-login .register a {
    color: #fff;
}

.home2-header .register-login .register span {
    color: #fff;
}

.home2-header .register-login .register::after {
    background: #fff none repeat scroll 0 0;
}

.home2-header .register-login .login a {
    color: #fff;
}

.h2-top-book-apoinment {
    padding: 14px 0;
    text-align: right;
}

.h2-top-book-apoinment .link {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    padding: 9px 19px;
    text-transform: uppercase;
}

.home2-header .logo {
   
    padding: 3px 5px;
    text-align: center;
}

.home2-header .menu {
    
    border: 0 none;
    padding-right: 110px;
    position: relative;
}

.home2-header .menu ul li::before {
    background: #fff none repeat scroll 0 0;
}

.home2-header .menu ul li::after {
    background: #fff none repeat scroll 0 0;
}

.home2-header .menu ul li>a {
    color: #fff;
}

.h2-search-cart {
    position: absolute;
    right: 30px;
    top: 0;
}

.h2-search-cart>div {}

.h2-search-cart .search-with-modal {}

.h2-search-cart .search-with-modal span {
    background: #13be13 none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
}

.search-with-modal {}

.h2-search-cart.search-cart .cart .c-icon {
    background: #13be13 none repeat scroll 0 0;
    border-color: #13be13;
    color: #fff;
}

.h2-search-cart.search-cart .cart .c-icon .number {
    background: #fff none repeat scroll 0 0;
    color: #00aeef;
}


/*serarch-modal*/

.search-modal {}

.search-modal .modal-dialog {
    height: 100%;
    margin: auto;
    max-width: 100%;
    position: relative;
    width: 100%;
    z-index: 9999999;
}

.search-modal .modal-content {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    height: 100vh;
    outline: 0 none;
    position: relative;
}

.search-modal .modal-title {
    color: #fff;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 46px;
    margin: 100px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.search-modal .modal-content form {
    margin: 100px 0;
    text-align: center;
}

.search-modal .modal-content input[type="text"] {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #fff;
    font-size: 16px;
    height: 60px;
    letter-spacing: 0;
    margin: auto;
    text-align: center;
    width: 400px;
}

.search-modal .modal-close {
    text-align: center;
}

.search-modal .modal-close button {
    background: #0099ff none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    padding: 10px 40px;
    text-transform: uppercase;
}

.modal-backdrop {
    display: none;
}


/*2.2 Slider*/

.home2-slider-area {
    background: rgba(0, 0, 0, 0) url("") no-repeat scroll left top / cover;
    padding: 170px 0 2px;
}

.home2-slider-area::before {
    z-index: -1;
}

.home2-slider-box {
    width: 60%;
}

.home2-slider-box .intro {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 6px;
    padding: 45px 0 0;
    position: relative;
}

.home2-slider-box .intro::before {
    background: rgba(0, 0, 0, 0) url("../img/home2/slider-intro-top.png") repeat scroll 0 0;
    content: "";
    height: 37px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 108px;
}

.home2-slider-box .title {
    color: #fff;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 44px;
    margin: 0 0 18px;
    text-transform: uppercase;
}

.home2-slider-box .text {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    margin: 0 0 22px;
}

.home2-slider-box .more {
    border: 2px solid #fff;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0;
    padding: 4px 26px;
    text-transform: capitalize;
}

.home2-slider .owl-nav {}

.home2-slider .owl-nav>div {
    border: 2px solid #fff;
    border-radius: 100px;
    color: #fff;
    font-size: 30px;
    height: 68px;
    line-height: 68px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 68px;
}

.home2-slider .owl-nav>div:hover {
    border: 2px solid #33a458;
    color: #33a458;
}

.home2-slider .owl-nav .owl-prev {
    left: -26%;
}

.home2-slider .owl-nav .owl-next {
    right: -26%;
}


/*2.3 Service*/

.h2-single-service {}

.h2-single-service {
    background: #fff none repeat scroll 0 0;
    margin: 0 0 30px;
    padding: 50px 28px;
    position: relative;
    text-align: center;
}

.h2-single-service::before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.05;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.h2-single-service .icon {
    height: 46px;
    position: relative;
}

.h2-single-service .icon img {}

.h2-single-service .name {
    color: #333333;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 14px;
    padding: 0 0 6px;
    position: relative;
    text-transform: uppercase;
}

.h2-single-service .name::after {
    background: #333333 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 68px;
}

.h2-single-service .text {
    color: #333333;
    line-height: 24px;
    margin: 0 0 18px;
    position: relative;
}

.h2-single-service .more {
    border: 2px solid #333333;
    border-radius: 25px;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    padding: 2px 14px;
    position: relative;
    text-transform: capitalize;
}

.h2-single-service .more:hover {
    background: #333333 none repeat scroll 0 0;
    color: #fff;
}

.color-cerulean.h2-single-service {
    border-bottom: 2px solid #00AEEF;
}

.color-cerulean.h2-single-service::before {
    background: rgba(0, 0, 0, 0) url("../img/home2/service-bg-1.png") no-repeat scroll center center / 60% auto;
}

.color-cerulean.h2-single-service .name::after {
    background: #00AEEF none repeat scroll 0 0;
}

.h2-single-service.color-cerulean .more {
    border-color: #00AEEF;
    color: #00AEEF;
}

.h2-single-service.color-cerulean .more:hover {
    background: #00aeef none repeat scroll 0 0;
    color: #fff;
}

.color-chateau-green.h2-single-service {
    border-bottom: 2px solid #43B14B;
}

.color-chateau-green.h2-single-service::before {
    background: rgba(0, 0, 0, 0) url("../img/home2/service-bg-2.png") no-repeat scroll center center / 60% auto;
}

.color-chateau-green.h2-single-service .name::after {
    background: #43B14B none repeat scroll 0 0;
}

.h2-single-service.color-chateau-green .more {
    border-color: #43B14B;
    color: #43B14B;
}

.h2-single-service.color-chateau-green .more:hover {
    background: #43B14B none repeat scroll 0 0;
    color: #fff;
}

.color-rajah.h2-single-service {
    border-bottom: 2px solid #F6B364;
}

.color-rajah.h2-single-service::before {
    background: rgba(0, 0, 0, 0) url("../img/home2/service-bg-3.png") no-repeat scroll center center / 60% auto;
}

.color-rajah.h2-single-service .name::after {
    background: #F6B364 none repeat scroll 0 0;
}

.h2-single-service.color-rajah .more {
    border-color: #F6B364;
    color: #F6B364;
}

.h2-single-service.color-rajah .more:hover {
    background: #F6B364 none repeat scroll 0 0;
    color: #fff;
}

.color-carnation.h2-single-service {
    border-bottom: 2px solid #EF5861;
}

.color-carnation.h2-single-service::before {
    background: rgba(0, 0, 0, 0) url("../img/home2/service-bg-3.png") no-repeat scroll center center / 60% auto;
}

.color-carnation.h2-single-service .name::after {
    background: #EF5861 none repeat scroll 0 0;
}

.h2-single-service.color-carnation .more {
    border-color: #EF5861;
    color: #EF5861;
}

.h2-single-service.color-carnation .more:hover {
    background: #EF5861 none repeat scroll 0 0;
    color: #fff;
}


/*2.4 Gallery*/

.h2-gallery-area {
    padding: 75px 0 25px;
}

.h2-single-gallery {
    margin: 0 -15px;
}

.h2-single-gallery::before {
    background-image: -moz-linear-gradient(left top, #498e49 0%, #4188a1 100%);
    background-image: -webkit-linear-gradient(left top, #498e49 0%, #4188a1 100%);
    background-image: -ms-linear-gradient(left top, #498e49 0%, #4188a1 100%);
    background-image: linear-gradient(left top, #498e49 0%, #4188a1 100%);
    background-image: -o-linear-gradient(left top, #498e49 0%, #4188a1 100%);
}

.h2-single-gallery a i {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border: 5px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    height: 40px;
    line-height: 32px;
    width: 40px;
}


/*2.5 Home2 Doctor*/

.h2-our-doctor-area {
    padding: 50px 0 45px;
}

.h2-single-doctor {}

.h2-single-doctor::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to left top, #569cb6 0%, #5da25d 100%) repeat scroll 0 0;
}

.h2-single-doctor:hover::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to left top, #569cb6 0%, #5da25d 100%) repeat scroll 0 0;
    height: 100%;
    opacity: 0.8;
}

.h2-single-doctor .content .social li a:hover {
    background: #13be13 none repeat scroll 0 0;
}



/*2.6 Home2 History*/

.h2-hisoty-area {
    background: rgba(0, 0, 0, 0) url("../img/home2/history-bg.jpg") no-repeat scroll left top / cover;
    z-index: 0;
}

.h2-hisoty-area::before {
    z-index: -1;
}

.h2-hisoty-area-banner {
    background-image: url("../img/home2/history-banner.png");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 92%;
    left: 0;
    position: absolute;
    width: 40%;
}

.h2-hisoty-area .h2-section-title {}

.h2-hisoty-area .h2-section-title h2 {
    color: #fff;
}

.h2-hisoty-area .h2-section-title h2 span {}

.h2-hisoty-area .h2-section-title p {
    color: #fff;
}

.h2-history-content {}

.h2-history-content.history-content .content .title {
    color: #fff;
}

.h2-history-content.history-content .content .title span {
    color: #13be13;
}

.h2-history-content.history-content .content .text {
    color: #fff;
}

.h2-history-timer {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    box-shadow: none;
}

.h2-history-content.history-content .content .author-sign .author {
    border-radius: 100px;
    position: relative;
}

.h2-history-content.history-content .content .author-sign .author::before {
    background: #13be13 none repeat scroll 0 0;
    border-radius: 100px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}

.h2-history-content.history-content .content .author-sign .author img {
    border-color: #13be13;
}


/*2.7 Home2 Our Skill*/

.h2-our-skill-area {
    padding: 75px 0 25px;
}

.h2-book-apoinment {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 0;
    position: unset;
    top: 0;
}

.h2-book-apoinment.book-apoinment>form {
    padding-bottom: 30px;
}

.h2-book-apoinment.book-apoinment .title {}

.h2-book-apoinment.book-apoinment .title::before {
    border-color: #13be13 #13be13 transparent;
}

.h2-book-apoinment .book-input-box input[type="text"],
.h2-book-apoinment .book-input-box select {
    border-color: #e8e8e8;
    color: #999999;
}

.h2-book-apoinment .book-input-box select optgroup {
    background: #fff none repeat scroll 0 0;
}

.h2-book-apoinment .book-input-box textarea {
    border-color: #e8e8e8;
    color: #999999;
}

.h2-book-apoinment .book-input-box input[type="submit"] {
    background: #13be13 none repeat scroll 0 0;
}

.h2-skill {}

.h2-skill.skill .title {
    color: #333333;
}

.h2-skill.skill .text {
    color: #333333;
    font-weight: 400;
}

.h2-skill.skill .all-progess .skills-progress .progressbar-title {
    color: #333333;
}


/*2.8 Home2 Testimonial*/

.h2-testimonial-area {
    padding: 50px 0 25px;
}

.h2-testimonial-box {
    background: rgba(0, 0, 0, 0) url("../img/home2/testimonial-bg.jpg") no-repeat scroll 0 0 / cover;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px -5px rgb(148, 148, 148);
    box-shadow: 0 0 10px -5px rgb(148, 148, 148);
    margin: 52px 0 10px 53px;
    padding: 30px;
    position: relative;
}

.h2-testimonial-box::before {
    border-radius: 5px;
}

.h2-testimonial-box .img {
    border-radius: 100px;
    -webkit-box-shadow: 0 0 10px -5px rgb(148, 148, 148);
    box-shadow: 0 0 10px -5px rgb(148, 148, 148);
    height: 118px;
    left: -70px;
    position: absolute;
    top: -50px;
}

.h2-testimonial-box .img img {
    border: 2px solid #fff;
    border-radius: 100px;
}

.h2-testimonial-box .name {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    padding-left: 57px;
    position: relative;
    text-decoration: underline;
    text-transform: capitalize;
}

.h2-testimonial-box .text {
    color: #fff;
    line-height: 24px;
    position: relative;
}

.h2-testimonial-carousel .owl-dots {
    display: block;
    margin: 9px 0 0;
    text-align: center;
}

.h2-testimonial-carousel .owl-dots .owl-dot {
    background: #333333 none repeat scroll 0 0;
    border-radius: 100px;
    display: inline-block;
    height: 9px;
    margin: 0 2px;
    width: 9px;
}

.h2-testimonial-carousel .owl-dots .owl-dot.active {
    background: #13be13 none repeat scroll 0 0;
}


/*2.9 Why Choose*/

.h2-why-choose-area {
    padding: 40px 0 30px;
}

.h2-single-why-choose {}

.h2-single-why-choose::before {
    background: #fff none repeat scroll 0 0;
}

.h2-single-why-choose.single-why-choose .content .name {
    color: #333;
}

.h2-single-why-choose.single-why-choose .content .name::after {
    background: #333 none repeat scroll 0 0;
}

.h2-single-why-choose.single-why-choose .content .text {
    color: #333;
}

.h2-single-why-choose.single-why-choose .content .more {
    color: #333;
}

.h2-single-why-choose.cerulean {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #06b0ef;
}

.h2-single-why-choose.cerulean::before {
    background: #fff none repeat scroll 0 0;
}

.h2-single-why-choose.single-why-choose.cerulean .content .name::after {
    background: #06b0ef none repeat scroll 0 0;
}

.h2-single-why-choose.single-why-choose.cerulean .content .more {
    color: #06b0ef;
}

.h2-single-why-choose.chateau-green {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #13be13;
}

.h2-single-why-choose.chateau-green::before {
    background: #fff none repeat scroll 0 0;
}

.h2-single-why-choose.single-why-choose.chateau-green .content .name::after {
    background: #13be13 none repeat scroll 0 0;
}

.h2-single-why-choose.single-why-choose.chateau-green .content .more {
    color: #13be13;
}

.h2-single-why-choose.rajah {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f6b364;
}

.h2-single-why-choose.rajah::before {
    background: #fff none repeat scroll 0 0;
}

.h2-single-why-choose.single-why-choose.rajah .content .name::after {
    background: #f6b364 none repeat scroll 0 0;
}

.h2-single-why-choose.single-why-choose.rajah .content .more {
    color: #f6b364;
}

.h2-single-why-choose.mandy {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ef5861;
}

.h2-single-why-choose.mandy::before {
    background: #fff none repeat scroll 0 0;
}

.h2-single-why-choose.single-why-choose.mandy .content .name::after {
    background: #ef5861 none repeat scroll 0 0;
}

.h2-single-why-choose.single-why-choose.mandy .content .more {
    color: #ef5861;
}


/*2.10 Video*/

.video-area {
    background: rgba(0, 0, 0, 0) url("../img/home2/video-bg.jpg") no-repeat scroll left top / cover;
    padding: 163px 0 174px;
}

.video-content {
    text-align: center;
}

.video-content .title {
    color: #fff;
    font-size: 70px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 74px;
    margin: 0 0 38px;
}

.video-content .popup-youtube {
    background: #8e9c9c none repeat scroll 0 0;
    border: 10px solid #5d716e;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 60px;
    height: 150px;
    line-height: 130px;
    padding-left: 14px;
    text-align: center;
    width: 150px;
}


/*2.11 Home2 Department*/

.h2-departments-area {
    padding: 75px 0 0;
}

.h2-departments {
    background: rgba(0, 0, 0, 0) url("../img/home2/department-bg.jpg") no-repeat scroll left top / cover;
    margin: 100px 0 0;
    overflow: hidden;
    position: relative;
}

.h2-departments::before {
    background: #2f494b none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
}

.h2-departments>div {
    display: inline-block;
}

.h2-departments .department-tab-menu-area {
    float: left;
    padding: 50px 0 10px;
    position: relative;
    width: 266px;
}

.h2-departments .department-tab-menu-area::after {
    background: #24403f none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
}

.h2-departments .deparment-tab-content {
    overflow: hidden;
    position: relative;
    width: 60%;
}

.h2-departments .department-tab-menu li.nav-item a.nav-link {
    background: transparent none repeat scroll 0 0;
    margin: 0;
}

.h2-departments .department-tab-menu li.nav-item a.nav-link.active {
    background: #13be13 none repeat scroll 0 0;
}

.h2-departments .department-tab-menu li.nav-item a.nav-link.active::before {
    border-color: transparent #2f494b transparent transparent;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    content: "";
    height: 15px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 15px;
    z-index: 9;
}

.h2-departments .dtc-box {
    background: transparent none repeat scroll 0 0;
    padding: 40px 30px 10px;
}

.h2-departments-banner {}

.h2-departments-banner img {}


/*2.12 Home2 Blog*/

.home2-blog-area {
    padding: 75px 0 45px;
}

.h2-single-blog {
    -webkit-box-shadow: 0 0 3px 0 rgb(153, 153, 153);
    box-shadow: 0 0 3px 0 rgb(153, 153, 153);
    margin: 0 0 30px;
    overflow: hidden;
}

.h2-single-blog .img {
    float: left;
    width: 270px;
}

.h2-single-blog .img img {}

.h2-single-blog .content {
    overflow: hidden;
    padding: 24px 10px 6px 22px;
}

.h2-single-blog .content .title {
    color: #333333;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 3px;
}

.h2-single-blog .content .title:hover {
    color: #13be13;
}

.h2-single-blog .meta {
    list-style: outside none none;
    margin: 0 0 13px;
    padding: 0;
}

.h2-single-blog .meta li {
    display: inline-block;
    margin-right: 10px;
}

.h2-single-blog .meta li:last-child {
    margin-right: 0;
}

.h2-single-blog .meta li a {
    color: #999999;
    display: block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
}

.h2-single-blog .meta li a span {
    margin-right: 6px;
}

.h2-single-blog .content .text {
    color: #333333;
    line-height: 24px;
    margin: 0 0 23px;
}

.h2-single-blog .more {
    border: 2px solid #333333;
    border-radius: 25px;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    padding: 6px 16px;
    text-transform: capitalize;
}

.h2-single-blog .more:hover {
    background: #13be13 none repeat scroll 0 0;
    border-color: #13be13;
    color: #ffffff;
}


/*brands*/

.h2-brand-area {
    padding: 0 0 75px;
}


/*footer*/

.home2-footer {
    background: #333333 none repeat scroll 0 0;
    padding: 50px 0 0;
}

.home2-footer .fw-twitter .twitter li span.icon {
    background: #13be13 none repeat scroll 0 0;
}

.home2-footer .fw-twitter .twitter li a span {
    color: #13be13;
}

.home2-footer .fw-links .list li a:hover {
    color: #13be13;
}


/*map-info*/

.home2-map-info-area {}

.home2-map-info-area .contact-info-area {
    background: #1a1a1a none repeat scroll 0 0;
}

.home2-map-info-area .contact-info-contents .title {
    color: #13be13;
}


/*home2-footer-bottom*/

.home2-footer-bottom-area {
    background: #222222 none repeat scroll 0 0;
}

.home2-footer-bottom-area .footer-bottom {
    border: 0 none;
}


/*scorollup*/

.home2 #scrollUp {
    border-color: #13be13;
    color: #13be13;
}

.home2 #scrollUp:hover {
    background: #13be13 none repeat scroll 0 0;
    color: #fff;
}



/*----------------------------------------*/


/*  3. Medical Home Three
/*----------------------------------------*/

.home3-header {}

.home3-header .header-top-area {
    background: #06b0ef none repeat scroll 0 0;
}

.home3-header .ht-social {
    text-align: right;
}

.ht-social {
    padding: 16px 0;
}

.ht-social ul {
    list-style: outside none none;
    padding: 0;
}

.ht-social ul li {
    display: inline-block;
}

.ht-social ul li a {
    border: 2px solid #fff;
    border-radius: 100px;
    color: #fff;
    display: block;
    height: 35px;
    line-height: 32px;
    text-align: center;
    width: 35px;
}

.ht-social ul li a:hover {
    border: 2px solid #ff1744;
    color: #ff1744;
}

.home3-header .ht-info p {
    color: #fff;
}

.home3-header .ht-info p span {
    color: #fff;
}

.home3-header .register-login .register a {
    color: #fff;
}

.home3-header .register-login .register span {
    color: #fff;
}

.home3-header .register-login .register::after {
    background: #fff none repeat scroll 0 0;
}

.home3-header .register-login .login a {
    color: #fff;
}

.home3-header .menu {
    border: 0 none;
}

.home3-header .h2-search-cart .search-with-modal span {
    background: #06b0ef none repeat scroll 0 0;
}

.home3-header .h2-search-cart.search-cart .cart .c-icon {
    background: #06b0ef none repeat scroll 0 0;
    border-color: #06b0ef;
}

.home3-header .h2-search-cart.search-cart .cart .c-icon .number {
    background: #ff1744 none repeat scroll 0 0;
    color: #fff;
}

.h3-menu-area {}

.h3-menu-area .menu ul li:hover>a,
.home3-header .menu ul li.active>a {
    color: #ff1744;
}

.h3-menu-area .menu ul li .drop li:hover>a {
    color: #ff1744;
}

.h3-menu-area .menu ul li .mega-menu li:hover>a {
    color: #ff1744;
}

.h3-menu-area .menu ul li::before {
    background: #ff1744 none repeat scroll 0 0;
}

.h3-menu-area .menu ul li::after {
    background: #ff1744 none repeat scroll 0 0;
}

.header-bottom-area {
    background: #06b0ef none repeat scroll 0 0;
}

.header-bottom-area div p {
    color: #fff;
    line-height: 18px;
}

.header-bottom-area div p span {}

.header-bottom-area .openit-time {
    padding: 14px 0;
}

.header-bottom-area .openit-time p {}

.header-bottom-area .openit-time p span {}

.header-bottom-area .email {
    padding: 14px 0;
}

.header-bottom-area .email p {}

.header-bottom-area .email p span {}

.header-bottom-area .phone {
    padding: 14px 0;
}

.header-bottom-area .phone p {}

.header-bottom-area .phone p span {}

.header-bottom-area .book-apoinment {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    margin: 6px 0;
    top: auto;
}

.header-bottom-area .book-apoinment a {
    background: #37bff2 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 5px 7px;
    text-transform: uppercase;
}


/*3.2 Slider*/

.h3-slider-area {
    background: rgba(0, 0, 0, 0) url("../img/home3/slider-bg.jpg") no-repeat scroll right top / cover;
    padding: 197px 0 219px;
}

.h3-slider-box {
    width: 64%;
}

.h3-slider-box .intro {
    color: #ff1744;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 6px;
}

.h3-slider-box .title {
    color: #06b0ef;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 44px;
    margin: 0 0 17px;
    text-transform: uppercase;
}

.h3-slider-box .text {
    color: #333333;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    margin: 0 0 23px;
}

.h3-slider-box .view {
    background: #06b0ef none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    padding: 11px 27px;
}

.home3-slider {}

.home3-slider .owl-nav>div {
    border: 2px solid #f3f3f3;
    border-radius: 100px;
    color: #f3f3f3;
    font-size: 30px;
    height: 68px;
    line-height: 68px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 68px;
}

.home3-slider .owl-nav>div:hover {
    border: 2px solid #ff8ba1;
    color: #ff1744;
}

.home3-slider .owl-nav .owl-prev {
    left: -20%;
}

.home3-slider .owl-nav .owl-next {
    right: -20%;
}


/*3.3 Service*/

.h3-service-area {
    padding: 75px 0 0;
}

.h3-single-service {
    border: 1px solid #f6f6f6;
    margin: 0 0 30px;
    padding: 39px 10px 49px;
    position: relative;
    text-align: center;
}

.h3-single-service::before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.05;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.h3-single-service.color-cerulean::before {
    background: rgba(0, 0, 0, 0) url("../img/home3/service-1.png") no-repeat scroll center center / 60% auto;
}

.h3-single-service.color-redical-red::before {
    background: rgba(0, 0, 0, 0) url("../img/home3/service-2.png") no-repeat scroll center center / 60% auto;
}

.h3-single-service.color-rajah::before {
    background: rgba(0, 0, 0, 0) url("../img/home3/service-3.png") no-repeat scroll center center / 60% auto;
}

.h3-single-service.color-malachite::before {
    background: rgba(0, 0, 0, 0) url("../img/home3/service-4.png") no-repeat scroll center center / 60% auto;
}

.h3-single-service.color-orange::before {
    background: rgba(0, 0, 0, 0) url("../img/home3/service-1.png") no-repeat scroll center center / 60% auto;
}

.h3-single-service.color-kobi::before {
    background: rgba(0, 0, 0, 0) url("../img/home3/service-2.png") no-repeat scroll center center / 60% auto;
}

.h3-single-service.color-indian-khaki::before {
    background: rgba(0, 0, 0, 0) url("../img/home3/service-3.png") no-repeat scroll center center / 60% auto;
}

.h3-single-service.color-blue-bell::before {
    background: rgba(0, 0, 0, 0) url("../img/home3/service-4.png") no-repeat scroll center center / 60% auto;
}

.h3-single-service .icon {
    margin: 0 0 16px;
}

.h3-single-service .icon img {}

.h3-single-service .name {
    color: #333333;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 14px;
    padding: 0 0 6px;
    position: relative;
    text-transform: uppercase;
}

.h3-single-service .name::after {
    background: #333333 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 68px;
}

.h3-single-service .text {
    color: #333333;
    line-height: 24px;
    margin: 0 0 18px;
    position: relative;
}

.h3-single-service .more {
    border: 2px solid #333333;
    border-radius: 25px;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    padding: 2px 14px;
    position: relative;
    text-transform: capitalize;
}

.h3-single-service .more:hover {
    background: #333333 none repeat scroll 0 0;
    color: #fff;
}

.h3-single-service.color-cerulean .more {
    border-color: #00aeef;
    color: #00aeef;
}

.h3-single-service.color-cerulean .more:hover {
    background: #00aeef none repeat scroll 0 0;
    color: #fff;
}

.h3-single-service.color-redical-red .more {
    border-color: #FF234E;
    color: #FF234E;
}

.h3-single-service.color-redical-red .more:hover {
    background: #FF234E none repeat scroll 0 0;
    color: #fff;
}

.h3-single-service.color-rajah .more {
    border-color: #f6b364;
    color: #f6b364;
}

.h3-single-service.color-rajah .more:hover {
    background: #f6b364 none repeat scroll 0 0;
    color: #fff;
}

.h3-single-service.color-malachite .more {
    border-color: #13BE13;
    color: #13BE13;
}

.h3-single-service.color-malachite .more:hover {
    background: #13BE13 none repeat scroll 0 0;
    color: #fff;
}

.h3-single-service.color-orange .more {
    border-color: #FF681A;
    color: #FF681A;
}

.h3-single-service.color-orange .more:hover {
    background: #FF681A none repeat scroll 0 0;
    color: #fff;
}

.h3-single-service.color-kobi .more {
    border-color: #ea8fca;
    color: #ea8fca;
}

.h3-single-service.color-kobi .more:hover {
    background: #ea8fca none repeat scroll 0 0;
    color: #fff;
}

.h3-single-service.color-indian-khaki .more {
    border-color: #C0AA83;
    color: #C0AA83;
}

.h3-single-service.color-indian-khaki .more:hover {
    background: #C0AA83 none repeat scroll 0 0;
    color: #fff;
}

.h3-single-service.color-blue-bell .more {
    border-color: #8f8bc1;
    color: #8f8bc1;
}

.h3-single-service.color-blue-bell .more:hover {
    background: #8f8bc1 none repeat scroll 0 0;
    color: #fff;
}


/*gallery*/

.h3-gallery-area {
    padding: 45px 0 25px;
}

.h3-single-gallery {
    margin: 0 -15px;
}

.h3-single-gallery::before {
    background: #ff1744 none repeat scroll 0 0;
}

.h3-single-gallery a i {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border: 5px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    height: 40px;
    line-height: 32px;
    width: 40px;
}


/*testimonial*/

.h3-testimonial-area {
    padding: 50px 0 65px;
}

.h3-testimonial-box {
    background: #06b0ef none repeat scroll 0 0;
}

.h3-testimonial-area .h2-testimonial-carousel .owl-dots .owl-dot {
    background: #06b0ef none repeat scroll 0 0;
}

.h3-testimonial-area .h2-testimonial-carousel .owl-dots .owl-dot.active {
    background: #ff1744 none repeat scroll 0 0;
}


/*3.4 Home3 Doctor*/

.h3-doctor-area {}

.h3-single-doctor {}

.h3-single-doctor .img {
    border-radius: 100%;
    margin: 0 0 25px;
    position: relative;
}

.h3-single-doctor .img::before {
    background: #ff1744 none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.h3-single-doctor:hover .img::before {
    opacity: 0.5;
}

.h3-single-doctor .img img {
  border-radius: 100%;
}

.h3-single-doctor .img .social {
    left: 50%;
    list-style: outside none none;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
    -ms-transform: translateY(-50%) translateX(-50%) scale(0);
    -o-transform: translateY(-50%) translateX(-50%) scale(0);
    transform: translateY(-50%) translateX(-50%) scale(0);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 9;
}

.h3-single-doctor:hover .img .social {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    -o-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.h3-single-doctor .img .social li {
    display: inline-block;
}

.h3-single-doctor .img .social li a {
    background: #333333 none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    text-align: center;
    width: 35px;
}

.h3-single-doctor .img .social li.facebook a {
    background: #3e5799 none repeat scroll 0 0;
}

.h3-single-doctor .img .social li.pinterest a {
    background: #bd081c none repeat scroll 0 0;
}

.h3-single-doctor .img .social li.twitter a {
    background: #2ba9e4 none repeat scroll 0 0;
}

.h3-single-doctor .img .social li a:hover {
    background: #ff1744 none repeat scroll 0 0;
}

.h3-single-doctor .content {
    text-align: center;
}

.h3-single-doctor .content .name {
    color: #333333;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 8px;
    text-transform: uppercase;
}

.h3-single-doctor .content .name:hover {
    color: #ff1744;
}

.h3-single-doctor .content .desg {
    color: #333333;
    font-weight: 500;
    line-height: 18px;
}


/*history*/

.h3-history-area {
    padding: 75px 0;
}

.h3-history-area .history-content .content {
    margin: 77px 0 0;
}

.h3-history-area .history-content .content .title span {
    color: #ff1744;
}


/*counter*/

.h3-counter-area {
    background: rgba(0, 0, 0, 0) url("../img/home3/counter-bg.jpg") no-repeat scroll right top / cover;
    padding: 122px 0;
    position: relative;
}

.h3-counter-area::before {
    background: #06b0ef none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
}

.h3-counter-area .single-counter .counter {
    color: #fff;
}

.h3-counter-area .single-counter .icon span {
    background: rgba(204, 204, 204, 0.5) none repeat scroll 0 0;
    color: #fff;
}

.h3-counter-area .single-counter .name {
    color: #fff;
}


/*why-chose*/

.h3-why-choose-area {
    padding: 75px 0 0;
}

.h3-why-choose-area .h2-single-why-choose {
    border-width: 0;
    -webkit-box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h3-why-choose-area .h2-single-why-choose:hover {
    border-width: 1px;
}


/*3.5 Home3 Department*/

.h3-department-area {
    padding: 30px 0 75px;
}

.h3-departments {
    overflow: hidden;
}

.h3-departments .department-tab-menu-area {
    border: 1px solid #f6f6f6;
    float: left;
    padding: 30px 0 0;
    width: 270px;
}

.h3-departments .department-tab-menu-area .title {
    color: #333;
}

.h3-departments .department-tab-menu-area .title::after {
    background: #333 none repeat scroll 0 0;
    width: 113px;
}

.h3-departments .department-tab-menu li.nav-item a.nav-link {
    background: #fff none repeat scroll 0 0;
    color: #333;
    margin: 0;
}

.h3-departments .department-tab-menu li.nav-item a.nav-link.active {
    background: #ff1744 none repeat scroll 0 0;
    color: #fff;
}

.h3-departments .deparment-tab-content {
    border: 1px solid #f6f6f6;
    display: inline-block;
    margin: 25px 0 0 16px;
    overflow: hidden;
    position: relative;
    width: 60%;
}

.h3-departments .deparment-tab-content .dtc-box {
    background: transparent none repeat scroll 0 0;
    padding: 24px;
}

.h3-departments .deparment-tab-content .dtc-box .title {
    color: #333;
}

.h3-departments .deparment-tab-content .dtc-box .text {
    color: #333;
}


/*video*/

.home3-video-area {}

.home3-video-area::before {
    opacity: 0.8;
}

.home3-video-area .video-content .popup-youtube {
    background: #9adcf5 none repeat scroll 0 0;
    border-color: #6fcef2;
}


/*3.6 Home3 Blog*/

.h3-blog-area {
    padding: 75px 0 35px;
}

.h3-single-blog {
    margin: 0 0 30px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h3-single-blog:hover {
    -webkit-box-shadow: 0 0 3px 0 rgb(153, 153, 153);
    box-shadow: 0 0 3px 0 rgb(153, 153, 153);
}

.h3-single-blog .img {}

.h3-single-blog .img a {
    display: block;
    position: relative;
}

.h3-single-blog .img a::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.h3-single-blog:hover .img a::before {
    opacity: 0.4;
}

.h3-single-blog .img a img {}

.h3-single-blog .content {
    border-bottom: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    padding: 28px;
}

.h3-single-blog .title {
    color: #333333;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 4px;
}

.h3-single-blog .title:hover {
    color: #ff1744;
}

.h3-single-blog .meta {
    list-style: outside none none;
    margin: 0 0 13px;
    padding: 0;
}

.h3-single-blog .meta li {
    display: inline-block;
    margin-right: 14px;
}

.h3-single-blog .meta li a {
    color: #999999;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

.h3-single-blog .meta li a span {
    margin-right: 6px;
}

.h3-single-blog .text {
    color: #333333;
    line-height: 24px;
    margin: 0 0 23px;
}

.h3-single-blog .more {
    border: 2px solid #333333;
    border-radius: 25px;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    padding: 6px 16px;
    text-transform: capitalize;
}

.h3-single-blog .more:hover {
    background: #ff1744 none repeat scroll 0 0;
    border-color: #ff1744;
    color: #ffffff;
}

.h3-single-blog .more span {
    margin-left: 2px;
    transition: all 0.3s ease 0s;
}

.h3-single-blog .more:hover span {
    margin-left: 6px;
}


/*brands*/

.h3-brand-area {}

.h3-brand-area .all-brands {
    border: 0 none;
}

.h3-brand-area .all-brands .owl-nav {
    display: none;
}


/*skill*/

.h3-skill-area {
    background-position: -100px 0;
    background-size: cover;
    margin: 0;
}

.h3-skill-area .book-apoinment {
    margin: 0;
    position: unset;
    top: auto;
}

.h3-skill-area .book-apoinment>form {
    padding-bottom: 30px;
}


/*footer*/

.h3-footer {
    padding: 75px 0 0;
}

.h3-footer .fw-left .text {
    color: #333333;
}

.h3-footer .fw-left .details li {
    color: #333333;
}

.h3-footer .fw-left .details li span {
    background: #b7b7b7 none repeat scroll 0 0;
    color: #fff;
}

.h3-footer .footer-widget .widget-title {
    color: #333333;
}

.h3-footer .footer-widget .widget-title::after {
    background: #333333 none repeat scroll 0 0;
}

.h3-footer .fw-links .list li a {
    color: #333333;
}

.h3-footer .fw-links .list li a:hover {
    color: #ff1744;
}

.h3-footer .contact-info-contents {
    padding: 0;
}

.h3-footer .contact-info-contents .title {
    color: #ff1744;
}

.h3-footer .contact-info-contents .text {
    color: #999999;
}

.h3-footer .contact-info-contents .time li {
    color: #333333;
}

.h3-footer .contact-info-contents .phone li {
    color: #333333;
}

.h3-footer-bottom-area {
    background: #e8e8e8 none repeat scroll 0 0;
}

.h3-footer-bottom-area .footer-bottom {}

.h3-footer-bottom-area .footer-bottom p,
.h3-footer-bottom-area .footer-bottom p a {
    color: #333333;
}

.h3-footer-bottom-area .footer-bottom p a {
    color: #ff1744;
}



/*----------------------------------------*/


/*  4. Details
/*----------------------------------------*/


/*breadcumb*/

.other-page-breadcumb-area {
    background: #00aeef none repeat scroll 0 0;
    margin: 20px 0;
    padding: 20px 0;
}

.op-breadcumb {}

.op-breadcumb ul {
    list-style: outside none none;
    padding: 0;
}

.op-breadcumb ul li {
    display: inline-block;
}

.op-breadcumb ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 12px;
    padding-right: 5px;
    position: relative;
}

.op-breadcumb ul li:last-child a {
    color: #00658b;
}

.op-breadcumb ul li a::after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: -5px;
    top: 1px;
}

.op-breadcumb ul li:last-child a::after {
    display: none;
}

.op-breadcumb ul li a span {
    margin-right: 3px;
}

.op-back {
    text-align: right;
}

.op-back>a {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    padding-right: 14px;
    position: relative;
}

.op-back>a::after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: -5px;
    top: 1px;
}


/*product*/

.details-product-area {
    padding: 75px 0 20px;
}

.product-tab {}

.pt-content {}

.ptc-box {
    border: 1px solid #f6f6f6;
    position: relative;
}

.ptc-box .sale {
    background: #18c1f0 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    left: 10px;
    letter-spacing: 0;
    line-height: 18px;
    padding: 4px 11px;
    position: absolute;
    text-transform: capitalize;
    top: 10px;
}

.pt-menu.nav-tabs {
    border: 0 none;
    list-style: outside none none;
    margin: 24px auto auto;
    padding: 0;
    width: 70%;
}

.pt-menu.nav-tabs li {}

.pt-menu.nav-tabs li a {
    border-color: transparent;
    margin-bottom: 2px;
    padding: 0;
}

.pt-menu.nav-tabs li a.active {
    border-color: transparent;
    border-radius: 0;
}

.pt-menu.nav-tabs li a:focus {
    border-color: #00aeef;
}

.pt-menu.nav-tabs li a img {}

.pt-menu-carousel .owl-nav {}

.pt-menu-carousel .owl-nav>div {
    color: #333333;
    font-size: 14px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pt-menu-carousel .owl-nav>div:hover {
    color: #00aeef;
}

.pt-menu-carousel .owl-nav .owl-prev {
    left: -14px;
}

.pt-menu-carousel .owl-nav .owl-next {
    right: -14px;
}

.product-details {}

.product-details .name {
    color: #333333;
    letter-spacing: 0;
    margin: 0 0 17px;
}

.product-details .review {
    margin: 0 0 19px;
}

.product-details .review .rating {
    display: inline-block;
}

.product-details .review .rating .star {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 22px;
    margin: 0 1px 0 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 14px;
}

.product-details .review .rating .star::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.product-details .review .rating .star-on::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.product-details .review .rating .star-half::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.product-details .review .rating .star:hover::after {
    color: #999999;
}

.product-details .review .count {
    color: #999999;
    display: inline-block;
    line-height: 18px;
    margin-left: 16px;
}

.product-details .price {
    color: #333333;
    letter-spacing: 0;
    margin: 0 0 23px;
}

.product-details .price .old-price {
    color: #999999;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    text-decoration: line-through;
}

.product-details .desc {
    color: #333333;
    line-height: 24px;
    margin: 0 0 23px;
}

.product-details .desc span {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    margin: 0 0 9px;
}

.qty-availability {
    margin: 0 0 33px;
}

.qty-availability .quantity {
    display: inline-block;
    margin-right: 26px;
    position: relative;
}

.qty-availability .quantity label {
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-right: 10px;
    text-transform: uppercase;
}

.qty-availability .quantity input[type="text"] {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    height: 30px;
    padding: 0 15px;
    text-align: center;
    width: 68px;
}

.qty-availability .quantity .qtybutton {
    background: #18c1f0 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 15px;
}

.qty-availability .quantity .dec {
    border-radius: 8px 0 0 8px;
    right: 52px;
}

.qty-availability .quantity .inc {
    border-radius: 0 8px 8px 0;
    right: 0;
}

.qty-availability .availability {
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.qty-availability .availability span {
    margin-left: 12px;
    text-transform: uppercase;
}

.qty-availability .availability .yes {
    color: #18c1f0;
}

.qty-availability .availability .no {
    color: #ff623f;
}

.product-details .buttons {
    margin: 0 0 33px;
}

.product-details .buttons .add-cart {
    background: #333333 none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 8px;
    padding: 8px 19px;
    width: auto;
}

.product-details .buttons .add-cart:hover {
    background: #00aeef none repeat scroll 0 0;
}

.product-details .buttons ul {
    display: inline-block;
    list-style: outside none none;
    padding: 0;
}

.product-details .buttons ul li {
    display: inline-block;
    margin-right: 8px;
}

.product-details .buttons ul li a {
    background: #333333 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 34px;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
    width: 34px;
}

.product-details .buttons ul li a:hover {
    background: #00aeef none repeat scroll 0 0;
}

.view-modal {
    max-width: 100%;
    width: 1000px;
}

.view-modal-content {
    padding: 30px;
    position: relative;
}

.view-modal-content .close {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 9;
}

.product-details .share {
    border-top: 1px solid #e8e8e8;
    padding: 11px 0 0;
}

.product-details .share span {
    color: #18c1f0;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 14px;
}

.product-details .share ul {
    display: inline-block;
    list-style: outside none none;
    padding: 0;
}

.product-details .share ul li {
    display: inline-block;
    margin-right: 6px;
}

.product-details .share ul li a {
    display: block;
    font-size: 18px;
    line-height: 22px;
}

.product-details .share ul li a.facebook {
    color: #45619d;
}

.product-details .share ul li a.g-plus {
    color: #cf4539;
}

.product-details .share ul li a.twitter {
    color: #42c0fb;
}

.product-details .share ul li a.skype {
    color: #009ee5;
}

.product-details .share ul li a.rss {
    color: #fd9f13;
}


/*product-details-tab*/

.product-details-tab-area {
    padding: 30px 0;
}

.product-details-tab {}

.pdt-menu.nav-tabs {
    border-bottom: 1px solid #333333;
}

.pdt-menu.nav-tabs li {}

.pdt-menu.nav-tabs li a {
    background: #333333 none repeat scroll 0 0;
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 46px;
    letter-spacing: 0;
    line-height: 46px;
    margin-right: 5px;
    padding: 0 20px;
    text-transform: uppercase;
}

.pdt-menu.nav-tabs li a.active {
    background: #00aeef none repeat scroll 0 0;
    color: #fff;
}

.pdt-content {
    border: 1px solid #f6f6f6;
    border-radius: 0 5px 5px 0;
    padding: 30px;
}

.pdtc-box {}

.pdtc-box p {
    color: #333333;
    line-height: 24px;
}


/*our-course*/

.our-course-area {
    padding: 40px 0;
}

.details-course-box {
    display: inline-block;
    -webkit-box-shadow: 0 0 2px 0 rgb(161, 161, 161);
    box-shadow: 0 0 2px 0 rgb(161, 161, 161);
    margin: 0 0 30px;
}

.details-course-box .img {
    position: relative;
}

.details-course-box .img img {}

.details-course-box .img::before {
    background: #00aeef none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.details-course-box:hover .img::before {
    opacity: 0.4;
}

.details-course-box:hover .img::before {
    opacity: 0.8;
}

.details-course-box .img .cart {
    display: inline-block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.details-course-box .img .cart .button {
    background: #fff none repeat scroll 0 0;
    border-radius: 25px;
    color: #00aeef;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    min-width: 110px;
    opacity: 0;
    padding: 7px 19px;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
    visibility: hidden;
}

.details-course-box:hover .img .cart .button {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}

.details-course-box .content {
    padding: 16px 10px 27px;
    text-align: center;
}

.details-course-box .content .name {
    color: #333333;
    display: block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 19px;
}

.details-course-box .content .name:hover {
    color: #00aeef;
}

.details-course-box .content .review {}

.details-course-box .content .review .rating {
    display: inline-block;
}

.details-course-box .content .review .rating .star {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 22px;
    margin: 0 1px 0 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 14px;
}

.details-course-box .content .review .rating .star::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.details-course-box .content .review .rating .star-on::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.details-course-box .content .review .rating .star-half::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.details-course-box .content .price {
    color: #00aeef;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
}

.details-course-box .content .price span {
    color: #999999;
    font-size: 14px;
    margin-left: 6px;
}


/*----------------------------------------*/


/*  5. Grid
/*----------------------------------------*/

.product-page-banner-area {
    padding: 50px 0 70px;
}

.product-page-banner {
    position: relative;
}

.product-page-banner .inner {
    left: 40px;
    position: absolute;
    top: 40px;
    width: 50%;
}

.product-page-banner .inner .title {
    color: #333;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 52px;
    margin: 0 0 19px;
    text-transform: uppercase;
}

.product-page-banner .inner .title span {
    color: #00aeef;
}

.product-page-banner .inner .text {
    color: #333;
    line-height: 24px;
    margin: 0 0 16px;
}

.product-page-banner .inner .shop {
    border: 2px solid #00aeef;
    border-radius: 25px;
    color: #00aeef;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0;
    padding: 2px 22px;
    text-transform: capitalize;
}

.grid-product-area {
    padding: 0 0 40px;
}

.grid-menu {
    border: 1px solid #f6f6f6;
    border-radius: 5px;
    margin: 0 0 30px;
    padding: 20px 28px;
    position: relative;
}

.grid-menu>div {
    display: inline-block;
}

.grid-menu nav {}

.grid-menu nav .nav-tabs {
    border: 0 none;
    margin-right: 5px;
}

.grid-menu nav .nav-tabs .nav-link {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    color: #333333;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    padding: 0;
    text-align: center;
    width: 30px;
}

.grid-menu nav .nav-tabs .nav-link.active {
    background: #00aeef none repeat scroll 0 0;
    border-color: #00aeef;
    color: #fff;
}

.grid-menu nav .nav-tabs .nav-link:last-chlid {
    margin-right: 0;
}

.grid-menu .sort-show {}

.grid-menu .sort-show select {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    letter-spacing: 0;
    padding: 4px 14px;
}

.grid-menu .sort-show select option {}

.grid-menu .sort-show p {
    color: #333333;
    display: inline-block;
    line-height: 24px;
    margin: 0 8px;
}

.grid-menu .sort-show p a {}

.grid-menu .pages {}

.grid-menu .pages ul {
    list-style: outside none none;
    padding: 0;
}

.grid-menu .pages ul li {
    display: inline-block;
    margin-left: 3px;
}

.grid-menu .pages ul li a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    color: #333333;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.grid-menu .pages ul li:first-child a,
.grid-menu .pages ul li:last-child a {
    background: #333333 none repeat scroll 0 0;
    border-color: #333333;
    color: #fff;
}

.grid-menu .pages ul li:first-child a {}

.grid-menu .pages ul li:last-child a {}

.grid-menu .pages ul li a:hover,
.grid-menu .pages ul li a.active {
    background: #00aeef none repeat scroll 0 0;
    border-color: #00aeef;
    color: #fff;
}


/*details-course-box-list*/

.details-course-box-list {
    border: 1px solid #f6f6f6;
    margin: 0 0 30px;
}

.details-course-box-list .img {
    float: left;
    width: 270px;
}

.details-course-box-list .img img {}

.details-course-box-list .content {
    overflow: hidden;
    padding: 24px;
}

.details-course-box-list .content .name {
    color: #333333;
    letter-spacing: 0;
    margin: 0 0 6px;
}

.details-course-box-list .content .review {
    margin: 0 0 4px;
}

.details-course-box-list .content .review .rating {
    display: inline-block;
}

.details-course-box-list .content .review .rating .star {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 22px;
    margin: 0 1px 0 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 14px;
}

.details-course-box-list .content .review .rating .star::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.details-course-box-list .content .review .rating .star-on::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.details-course-box-list .content .review .rating .star-half::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.details-course-box-list .content .review .rating .star:hover::after {
    color: #999999;
}

.details-course-box-list .content .review .count {
    color: #999999;
    display: inline-block;
    line-height: 18px;
    margin-left: 16px;
}

.details-course-box-list .content .price {
    color: #333333;
    letter-spacing: 0;
    margin: 0 0 15px;
}

.details-course-box-list .content .price .old-price {
    color: #999999;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    text-decoration: line-through;
}

.details-course-box-list .content .desc {
    color: #333333;
    line-height: 24px;
    margin: 0 0 20px;
}

.details-course-box-list .content .buttons {
    margin: 0 0 33px;
}

.details-course-box-list .content .buttons .add-cart {
    background: #333333 none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 8px;
    padding: 8px 19px;
    width: auto;
}

.details-course-box-list .content .buttons .add-cart:hover {
    background: #00aeef none repeat scroll 0 0;
}

.details-course-box-list .content .buttons ul {
    display: inline-block;
    list-style: outside none none;
    padding: 0;
}

.details-course-box-list .content .buttons ul li {
    display: inline-block;
    margin-right: 8px;
}

.details-course-box-list .content .buttons ul li a {
    background: #333333 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 34px;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
    width: 34px;
}

.details-course-box-list .content .buttons ul li a:hover {
    background: #00aeef none repeat scroll 0 0;
}


/*----------------------------------------*/


/*  6. Grid Left Sidebar
/*----------------------------------------*/

.grid-product-ls-area {
    padding: 50px 0;
}

.gls-ppb.product-page-banner {
    margin: 0 0 70px;
}

.gls-ppb.product-page-banner .inner {
    left: 40px;
    position: absolute;
    top: 40px;
    width: 90%;
}


/*sidebar*/

.grid-sidebar {}

.gs-widget {
    border: 1px solid #f6f6f6;
    border-radius: 5px;
    margin: 0 0 50px;
    padding: 0 0 20px;
}

.gs-widget .title {
    background: #333333 none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    padding: 11px 20px 11px 50px;
    position: relative;
}

.gs-widget .title::before {
    content: "";
    font-family: FontAwesome;
    left: 18px;
    position: absolute;
    top: 11px;
}

.gs-widget .title-2 {
    color: #333333;
    letter-spacing: 0;
    line-height: 18px;
    margin: 26px 0 21px;
    padding: 0 18px;
}

.gs-widget .title-3 {
    border-bottom: 1px solid #e8e8e8;
    color: #333333;
    letter-spacing: 0;
    margin: 0 18px 20px;
    padding: 34px 0 12px;
}

.all-cat-gsw {
    padding-bottom: 0;
}

.all-cat-gsw .cat {
    list-style: outside none none;
    padding: 0;
}

.all-cat-gsw .cat li {
    display: block;
}

.all-cat-gsw .cat li a {
    color: #333333;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 50px;
    padding: 0 20px;
}

.all-cat-gsw .cat li a:hover,
.all-cat-gsw .cat li a.active {
    color: #00aeef;
}

.all-cat-gsw .cat .more-cat {
    list-style: outside none none;
    padding: 0;
}

.all-cat-gsw .cat li .more {
    background: #e8e8e8 none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    position: relative;
}

.all-cat-gsw .cat li .more::before {
    color: #00aeef;
    content: "";
    font-family: FontAwesome;
    font-size: 10px;
    margin-right: 4px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.all-cat-gsw .cat li .more.collapsed {
    color: #333333;
}

.all-cat-gsw .cat li .more.collapsed::before {}

.catalog-gsw {}

.catalog-gsw .price-slider {
    padding: 0 18px;
}

.catalog-gsw .price-slider .ui-slider {
    background: #333333 none repeat scroll 0 0;
    border: medium none;
    height: 2px;
    margin: 0 0 24px;
}

.catalog-gsw .price-slider .ui-slider .ui-slider-range {
    background: #00aeef none repeat scroll 0 0;
    height: 2px;
    top: 0;
}

.catalog-gsw .price-slider .ui-slider .ui-slider-handle {
    background: #333333 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 100px;
    height: 11px;
    top: -4px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 11px;
}

.catalog-gsw .price-slider .ui-slider .ui-slider-handle:focus {
    background: #f6b364 none repeat scroll 0 0;
}

.catalog-gsw .price-slider p {
    text-align: center;
}

.catalog-gsw .price-slider p input[type="text"] {
    background: #333333 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 34px;
    letter-spacing: 0;
    padding: 0 16px;
    text-align: center;
    width: 130px;
}

.catalog-gsw .price-slider p input[type="submit"] {
    background: #333333 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 34px;
    letter-spacing: 0;
    line-height: 34px;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.catalog-gsw .price-slider p input[type="submit"]:hover {
    background: #00aeef none repeat scroll 0 0;
}

.catalog-gsw .select-box {
    padding: 0 18px;
}

.catalog-gsw .select-box select {
    border: 1px solid #999999;
    border-radius: 5px;
    height: 35px;
    letter-spacing: 0;
    padding: 0 20px;
    width: 100%;
}

.catalog-gsw .select-box select option {}

.best-sale-gsw {}

.best-sale-gsw .product {
    list-style: outside none none;
    padding: 0;
}

.best-sale-gsw .product li {
    display: block;
    margin: 0 0 30px;
}

.best-sale-gsw .product li:last-child {
    margin-bottom: 0;
}

.best-sale-gsw .product li a {
    display: block;
    overflow: hidden;
}

.best-sale-gsw .product li a .img {
    float: left;
    width: 100px;
}

.best-sale-gsw .product li a .img img {}

.best-sale-gsw .product li a .content {
    overflow: hidden;
    padding: 18px 8px 8px 18px;
}

.best-sale-gsw .product li a .content .name {
    color: #333333;
    display: block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 19px;
    margin: 0 0 8px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.best-sale-gsw .product li a .content .name:hover {
    color: #f6b364;
}

.best-sale-gsw .product li a .content .rating {
    margin: 0 0 3px;
}

.best-sale-gsw .product li a .content .rating .star {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 22px;
    margin: 0 1px 0 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 14px;
}

.best-sale-gsw .product li a .content .rating .star::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.best-sale-gsw .product li a .content .rating .star-on::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.best-sale-gsw .product li a .content .rating .star-half::after {
    color: #f6b364;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.best-sale-gsw .product li a .content .price {
    color: #333333;
    display: block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 19px;
}

.best-sale-gsw-carousel .owl-nav {}

.best-sale-gsw-carousel .owl-nav>div {
    background: #333333 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 21px;
    text-align: center;
    top: -64px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 34px;
}

.best-sale-gsw-carousel .owl-nav>div:hover {
    background: #00aeef none repeat scroll 0 0;
}

.best-sale-gsw-carousel .owl-nav .owl-prev {
    right: 64px;
}

.best-sale-gsw-carousel .owl-nav .owl-next {}



/*----------------------------------------*/


/*  8. About
/*----------------------------------------*/

.about-mission-area {
    padding: 0 0 75px;
}

.about-mission-content {}

.about-mission-content .title {
    color: #333333;
    font-size: 50px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 54px;
    margin: 0 0 13px;
    text-transform: uppercase;
}

.about-mission-content .title span {
    color: #18c1f0;
}

.about-mission-content .text {
    color: #333333;
    line-height: 25px;
    margin: 0 0 15px;
}

.about-mission-content .list {
    list-style: outside none none;
    margin: 0 0 19px;
    padding: 0;
}

.about-mission-content .list li {
    color: #333333;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
    padding-left: 36px;
    position: relative;
}

.about-mission-content .list li span {
    color: #18c1f0;
    left: 0;
    position: absolute;
    top: 7px;
}

.about-testimonial-area {
    padding: 50px 0 65px;
}

.about-testimonial-box {
    background: #fff none repeat scroll 0 0;
}

.about-testimonial-box .img {}

.about-testimonial-box .img img {}

.about-testimonial-box .name {
    color: #333333;
}

.about-testimonial-box .text {
    color: #333333;
}

.about-testimonial-area .h2-testimonial-carousel .owl-dots .owl-dot.active {
    background: #18c1f0 none repeat scroll 0 0;
}


/*----------------------------------------*/


/*  9. Contact
/*----------------------------------------*/

.contact-title {
    color: #333333;
    font-size: 18px;
    letter-spacing: 0;
    margin: 0 0 27px;
    padding: 0 0 10px;
    position: relative;
    text-transform: uppercase;
}

.contact-title::after {
    background: #333333 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 108px;
}

.contact-area {
    padding: 75px 0 52px;
}

.contact-map-area {
    margin: 0 0 43px;
}

.contact-map-area .gmap {}

.contact-map-area .gmap #home1_map {
    border-radius: 10px;
    height: 500px;
    width: 100%;
}

.cf-msg {
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}

.cf-msg p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
}

.contact-us {}

.contact-us form {}

.contact-us form .cf-input-box {
    margin: 0 0 16px;
}

.contact-us form .cf-input-box label {
    color: #333333;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 10px;
}

.contact-us form .cf-input-box input[type="text"],
.contact-us form .cf-input-box input[type="email"] {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: 35px;
    width: 100%;
}

.contact-us form .cf-input-box input[type="text"] {}

.contact-us form .cf-input-box input[type="email"] {}

.contact-us form .cf-input-box textarea {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: 200px;
    width: 100%;
}

.contact-us form .cf-input-box button {
    background: #18c1f0 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    padding: 7px 22px;
    text-transform: uppercase;
}

.contact-info {}

.contact-info .text {
    color: #333333;
    line-height: 24px;
    margin: 0 0 24px;
}

.contact-info .info {
    list-style: outside none none;
    padding: 0;
}

.contact-info .info li {
    color: #333333;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 14px;
}

.contact-info .info li:last-child {
    margin-bottom: 0;
}

.contact-info .info li span {
    border: 1px solid #ebebeb;
    border-radius: 100px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-right: 16px;
    text-align: center;
    width: 35px;
}



/*----------------------------------------*/


/*  10. Blog Page
/*----------------------------------------*/

.blog-page-area {
    padding: 70px 0 20px;
}

.inner-single-blog {
    margin: auto auto 30px;
    width: 370px;
}

.inner-single-blog.h3-single-blog .title:hover {
    color: #00aeef;
}

.inner-single-blog.h3-single-blog .more:hover {
    background: #00aeef none repeat scroll 0 0;
    border-color: #00aeef;
}


/*----------------------------------------*/


/*  11. Blog Left Sidebar
/*----------------------------------------*/

.blog-sidebar {}

.recent-blog-bsw {}

.recent-blog-bsw .recent-blog {
    list-style: outside none none;
    padding: 20px 18px 0;
}

.recent-blog-bsw .recent-blog li {
    display: block;
    margin: 0 0 20px;
}

.recent-blog-bsw .recent-blog li:last-child {
    margin-bottom: 0;
}

.recent-blog-bsw .recent-blog li a {
    display: block;
    overflow: hidden;
}

.recent-blog-bsw .recent-blog li a .img {
    display: inline-block;
    float: left;
    width: 60px;
}

.recent-blog-bsw .recent-blog li a .img img {}

.recent-blog-bsw .recent-blog li a .content {
    display: inline-block;
    overflow: hidden;
    padding-left: 16px;
}

.recent-blog-bsw .recent-blog li a .content .name {
    color: #333333;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 5px;
}

.recent-blog-bsw .recent-blog li a .content .name:hover {
    color: #f6b364;
}

.recent-blog-bsw .recent-blog li a .content .date {
    color: #999999;
    display: block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 17px;
    margin: 0 0 5px;
}

.recent-blog-bsw .recent-blog li a .content .comment {
    color: #999999;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
}

.recent-blog-bsw .recent-blog li a .content .comment span {
    margin-right: 2px;
}



/*----------------------------------------*/


/*  13. Blog Details
/*----------------------------------------*/

.blog-details-area {
    padding: 70px 0 50px;
}

.blog-details {}

.blog-details .img {
    margin: 0 0 25px;
}

.blog-details .img img {}

.blog-details .title {
    color: #333333;
    font-size: 25px;
    letter-spacing: 0;
    line-height: 29px;
    margin: 0 0 17px;
}

.blog-details .text {
    color: #333333;
    line-height: 24px;
    margin: 0 0 24px;
}

.blog-details-title {
    color: #333333;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 29px;
    text-decoration: underline;
}

.comments {
    margin: 0 0 19px;
}

.all-comments {
    list-style: outside none none;
    padding-left: 40px;
}

.all-comments li {
    display: block;
}

.all-comments li article {
    border: 1px solid #f6f6f6;
    border-radius: 5px;
    display: block;
    margin: 0 0 28px;
    padding: 24px 20px 24px 64px;
    position: relative;
}

.all-comments li article .img {
    left: -40px;
    margin: 0;
    position: absolute;
    top: 32px;
    width: 80px;
}

.all-comments li article .img img {}

.all-comments li article .content {
    overflow: hidden;
}

.all-comments li article .content .name {
    color: #333333;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    margin: 0 0 8px;
}

.all-comments li article .content .text {
    color: #333333;
    line-height: 24px;
    margin: 0 0 10px;
}

.all-comments li article .content .meta {
    list-style: outside none none;
    padding: 0;
}

.all-comments li article .content .meta li {
    display: inline-block;
    margin-right: 16px;
}

.all-comments li article .content .meta li a {
    color: #999999;
    display: block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
}

.all-comments li article .content .meta li a span {
    margin-right: 2px;
}

.all-comments li ul {
    padding-left: 100px;
}

.leave-reply {}

.leave-reply-input-box {
    margin: 0 0 16px;
}

.leave-reply-input-box label {
    color: #333333;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 11px;
}

.leave-reply-input-box input[type="text"],
.leave-reply-input-box input[type="email"] {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: 35px;
    width: 100%;
}

.leave-reply-input-box input[type="text"] {}

.leave-reply-input-box input[type="email"] {}

.leave-reply-input-box textarea {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: 200px;
    width: 100%;
}

.leave-reply-input-box input[type="submit"] {
    background: #333333 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    padding: 7px 23px;
    text-transform: uppercase;
}


/*----------------------------------------*/


/*  14. Appoinment
/*----------------------------------------*/

.appoinemt-area {
  margin: 60px 0 80px;
}


/*----------------------------------------*/


/*  15. Service
/*----------------------------------------*/


.service-page {
  padding: 80px 0;
}


/*----------------------------------------*/


/*  16. FAQ
/*----------------------------------------*/

.faq-area {
  padding: 80px 0 50px;
}

.accordion {
  margin: 0 0 30px;
}

.accordion .card {}

.accordion .card .card-header {}

.accordion .card .card-header .mb-0 {}

.accordion .card .card-header .mb-0 .btn {
  color: #333;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
}

.accordion .card .collapse {}

.accordion .card .collapse .card-body, .accordion .card .collapsing .card-body {
  color: #666;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 28px;
}

.faq-box {
  margin: 0 0 30px;
}

.faq-box .title {
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0 0 12px;
  padding: 0 0 8px;
}

.faq-box .text {
  color: #666;
}


/*----------------------------------------*/


/*  17. Team
/*----------------------------------------*/


.team-h3-doctor {
    padding: 0 0 80px;
}

.team-details-area {
  padding: 60px 0 50px;
}

.teamd-img {
  margin: 0 0 30px;
}

.teamd-img img {}

.teamd-content {
  padding: 55px 0 0;
}

.teamd-content .name {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 26px;
  margin: 0 0 6px;
}

.teamd-content .desg {
  color: #333;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 12px;
}

.teamd-content .cont-info {
  list-style: outside none none;
  margin: 0 0 11px;
  padding: 0;
}

.teamd-content .cont-info li, .teamd-content .cont-info li a {
  color: #666;
  display: block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 28px;
}

.teamd-content .cont-info li {}

.teamd-content .cont-info li a {}

.teamd-content .info {
  color: #666;
  margin: 0 0 38px;
}

.teamd-content .cont-social {
  overflow: hidden;
}

.teamd-content .cont-social .now {
  border: 2px solid #333333;
  border-radius: 25px;
  color: #333333;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  padding: 6px 16px;
  text-transform: capitalize;
}

.teamd-content .cont-social .social {
  display: inline-block;
  float: right;
  list-style: outside none none;
  padding: 0;
}

.teamd-content .cont-social .social li {
  display: inline-block;
}

.teamd-content .cont-social .social li a {
  background: #333333 none repeat scroll 0 0;
  border-radius: 100px;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  margin: 0 2px;
  text-align: center;
  width: 35px;
}


/*----------------------------------------*/


/*  18. 404
/*----------------------------------------*/

.error-area {
  background: rgba(0, 0, 0, 0) url("../img/error/bg.jpg") no-repeat fixed left top / cover ;
  padding: 29px 0 80px;
}

.error-area::before {
  opacity: 0.9;
}

.errors {
  text-align: center;
}

.errors h1 {
  color: #00aeef;
  font-size: 250px;
  letter-spacing: 34px;
  line-height: 282px;
  margin: 0 0 83px;
}

.errors h2 {
  color: #00aeef;
  font-size: 60px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 66px;
  margin: 0 0 70px;
  text-transform: capitalize;
}

.errors .back-home {
  border-top: 8px double #eeeeee;
  padding: 40px 0 0;
}

.errors .back-home a {
  background: #00aeef none repeat scroll 0 0;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  padding: 11px 35px;
}